<template>
	<view>
		<Navbar></Navbar>
		<view class="u-form-box u-m-30">
			<u-form :model="form" label-width="150" ref="uForm">
				<u-form-item required="true" label="头像" v-if="[1].includes(isEdit)">
					<view class="u-flex u-row-right">
						<button class="headImgBox" size="mini" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
							<u-avatar :src="headImg" size="100" v-if="headImg"></u-avatar>
							<u-icon name="plus" size="32" v-else></u-icon>
						</button>
					</view>
				</u-form-item>
				<u-form-item required="true" label="姓名">
					<u-input placeholder="请输入姓名" input-align="right" v-model="form.name" />
				</u-form-item>
				<u-form-item required="true" label="手机号码" v-if="[1].includes(isEdit)">
					<view class="u-text-right">
						<view class="" v-if="[1].includes(isEdit)">
							<!-- <view @click="codeShow = true" class="country_code">
								<text class="u-p-r-10">+{{ form.area_code }}</text>
								<u-icon name="arrow-right" size="26" color="#c0c4cc"></u-icon>
							</view>
							<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" id="mobile_btn"
								:class="form.mobile ? '' : 'u-color-gray'">
								{{ form.mobile || '点击快速获取手机号' }}
							</button> -->
							<u-input placeholder="请输入手机号码" input-align="right" v-model="form.mobile" />
						</view>
						<view v-else>
							<span v-if="form.area_code">+{{form.area_code}} </span>
							<span>{{form.mobile}}</span>
						</view>
					</view>
				</u-form-item>
				<u-form-item :required="[0].includes(isEdit) ? false : true" label="地址">
					<view class="u-text-right" :class="form.address ? '' : 'u-color-gray'" @click="handleGetLocation">
						{{ form.address || '请选择常用地址（建议公司地址） >'}}
					</view>
				</u-form-item>
			</u-form>
		</view>
		<view class="u-form-box u-m-30">
			<u-collapse>
				<u-collapse-item :title="item.head" v-for="(item, index) in collapseList" :key="index"
					:open="item.open">
					<u-form :model="form" label-width="150" ref="uForm">
						<u-form-item label="单位类型">
							<view class="reference_name u-text-right" :class="unitObj.name ? '' : 'u-color-gray'"
								@click="openCommonPopup(2)">{{unitObj.name || '请选择单位类型 >'}}</view>
						</u-form-item>
						<u-form-item label="公司名称" v-if="unitObj.id == 1">
							<view>
								<view class="u-flex u-row-right">
									<u-input placeholder="请输入公司完整名称" input-align="right" :clearable="false"
										v-model="form.company" />
									<!-- <button class="company_btn" @click="handleSearchCompany(form.company)">搜索</button> -->
								</view>
								<view v-if="companyShow" class="company_list">
									<view v-for="items in companyList" :key="items.company_name"
										@click="handleGetCompanyName(items.company_name)">{{ items.company_name }}
									</view>
								</view>
							</view>
						</u-form-item>
						<u-form-item label="行业">
							<view class="u-text-right" :class="form.industry ? '' : 'u-color-gray'"
								@click="hanldeShowIndustry">
								{{ form.industry || '请选择 >'}}
							</view>
						</u-form-item>
						<u-form-item label="产品">
							<u-input placeholder="请输入产品" v-model="form.product" input-align="right" />
						</u-form-item>
						<u-form-item label="员工人数" v-if="unitObj.id == 1">
							<u-input v-model="staff_number" placeholder="请输入员工人数" input-align="right"></u-input>
						</u-form-item>
						<u-form-item label="职位">
							<u-input placeholder="请输入职位" v-model="form.position" input-align="right" />
						</u-form-item>
						<u-form-item label="籍贯">
							<view class="u-text-right" :class="form.hometown ? '' : 'u-color-gray'"
								@click="openHomeTown">
								{{ form.hometown || '请选择 >'}}
							</view>
						</u-form-item>
						<u-form-item label="性别">
							<view class="u-text-right" :class="form.gender ? '' : 'u-color-gray'"
								@click="openCommonPopup(1)">
								{{ form.gender || '请选择 >'}}
							</view>
						</u-form-item>
						<u-form-item label="企业优势">
							<u-input v-model="form.advantage" type="textarea" :border="border" height="160"
								:auto-height="true" placeholder="请输入企业优势" :clearable="false"
								:custom-style="customStyle" />
						</u-form-item>
						<u-form-item label="个人资源">
							<u-input v-model="form.resources" type="textarea" :border="border" height="160"
								:auto-height="true" placeholder="请输入个人资源" :clearable="false"
								:custom-style="customStyle" />
						</u-form-item>
						<u-form-item label="需要的引荐">
							<u-input v-model="form.recommend" type="textarea" :border="border" height="160"
								:auto-height="true" placeholder="请输入需要的引荐" :clearable="false"
								:custom-style="customStyle" />
						</u-form-item>
						<view class="u-m-t-30">
							<view class="u-flex u-row-between u-font-26">
								<view class="u-font-30 u-font-bold">上传名片</view>
								<view class="u-font-24 u-color-blue">请上传您的名片，审核通过后获得加V认证</view>
							</view>
							<view class="u-m-t-20 u-p-b-20 bscardBox">
								<u-upload :file-list="fileList[0] && fileList[0].url == '' ? undefined : fileList"
									@on-success="onSuccess" @on-remove="onRemove" width="100%" height="350rpx"
									:show-progress="false" :custom-btn="true" max-count="1" :action="action"
									image-mode="widthFix">
									<view slot="addBtn" class="slot-btn u-width-100" hover-class="slot-btn__hover"
										hover-stay-time="150">
										<image mode="widthFix"
											src="https://6rcj.com/upload/4a7c76d7aec9de06ed0e19482ef9bf11.png"></image>
									</view>
								</u-upload>
							</view>
						</view>
					</u-form>
				</u-collapse-item>
			</u-collapse>

		</view>

		<view class="u-form-box u-m-30" v-if="[1].includes(isEdit)">
			<view class="u-flex	u-row-between u-p-t-20 u-p-b-20 code_box">
				<view>短信验证码</view>
				<view class="u-flex">
					<u-input placeholder="请输入验证码" input-align="right" v-model="code"></u-input>
					<view class="code_btn" @click="getCode">{{count <= 0 ? '获取验证码' : `${count}s` }}</view>
				</view>
			</view>
		</view>

		<!-- 注册协议 -->
		<view class="u-m-t-20 u-flex u-row-center" v-if="[1].includes(isEdit)">
			<u-checkbox-group>
				<u-checkbox v-model="agreement" shape="circle">
					<text class="u-tips-color u-font-24">注册表示同意</text>
					<text @click.native.stop="goAgrement(1)" class="u-type-primary u-font-24">《用户协议》</text>
					<text @click.native.stop="goAgrement(2)" class="u-type-primary u-font-24">《隐私协议》</text>
				</u-checkbox>
			</u-checkbox-group>
		</view>

		<view style="height: 200rpx;"></view>

		<Bottom :btnText="btnText" @confirm="confirm"></Bottom>

		<!-- 区号 -->
		<view v-if="codeShow">
			<u-select v-model="codeShow" @confirm="codeConfirm" :default-value="[0]" :mask-close-able="false"
				value-name="area_code" :list="codeList"></u-select>
		</view>


		<!-- 行业 -->
		<IndustryPopup :showIndustry="industryShow" :classAIndustryObj="classAIndustryObj"
			:classBIndustryList="classBIndustryList" :classAIndustryList="classAIndustryList"
			@checkA="handleCheckClassA" @closes="handleClosePopup"></IndustryPopup>

		<!-- 通用选择框 -->
		<CommonPopup :popupShow="commonPopup.show" :list="commonPopup.list" @onChooseLabel="onChooseLabel"
			@popupClose="commonPopup.show = false"></CommonPopup>

		<!-- 籍贯 -->
		<UniAddressSelector v-if="showUniAddressSelector" :selectAreaLevelLimit="2" :isSZ="0" @cancel="handleCancel"
			@confirm="handleConfirmArea"></UniAddressSelector>

		<!-- 引导签约公司 -->
		<Modal :show="modal.show" :confirmText="modal.confirmText" :cancelText="modal.cancelText"
			:modalContent="modal.content" :showCancel="modal.showCancel" @cancel="modalCancel" @confirm="modalConfirm">
		</Modal>
	</view>
</template>

<script>
	import Navbar from '@/components/Navbar'
	import Bottom from '@/components/Bottom.vue'
	import IndustryPopup from '@/components/IndustryPopup.vue'
	import CommonPopup from '@/components/CommonPopup.vue'
	import UniAddressSelector from '@/components/UniAddressSelector.vue'
	import Modal from '@/components/Modal.vue'
	import env from '@/network/env.js'
	import {
		userCardInfo,
		getClassAIndustry,
		getClassBIndustry,
		userRegister,
		userInfo,
		userUpdate,
		getPhone,
		registerJudge,
		companyStatus,
		phoneAreaCode,
		vcodeInter,
		sendCode,
		userProxyCreate,
		userProxyData,
		userProxyEdit
	} from '@/network/api.js'
	import {
		debounce,
		hasEmptyValue
	} from '@/utils/index.js'
	export default {
		components: {
			Navbar,
			Bottom,
			IndustryPopup,
			CommonPopup,
			UniAddressSelector,
			Modal
		},
		data() {
			return {
				form: {
					name: '',
					mobile: '',
					hometown: '',
					company: '',
					position: '',
					address: '',
					complete_address: '',
					industry: '',
					longitude: '',
					latitude: '',
					product: '',
					advantage: '',
					resources: '',
					recommend: '',
					area_code: '86'
				},
				collapseList: [{
					head: "完善个人信息（非必填）",
					body: "",
					open: true
				}],
				// 注册表单字段（必不必填）
				judge: [],
				staff_number: '',
				fileList: [],
				headImg: '',
				visitCard: '',
				email: '',
				isEdit: 0,
				/* 0添加代注册  1邀请用户补充信息注册  2修改代注册 */
				code: '',
				count: 0,
				codeStatus: true,
				action: `${env.baseUrl}/api/upload_image`,
				actionOss: `${env.baseUrl}/api/uploadOssImage`,
				gender: {
					show: false,
					list: [{
						name: '男',
						id: 1
					}, {
						name: '女',
						id: 2
					}]
				},
				companyShow: false,
				companyList: [],
				/* 行业 */
				industryShow: false,
				classAIndustryList: [],
				classAIndustryObj: "",
				classBIndustryList: [],
				firstIndustryId: "",
				industryId: "",
				showUniAddressSelector: false,
				/* 省市 */
				provinceObj: {},
				cityObj: {},
				/* 新增 */
				customStyle: {
					background: '#F2F5FA',
					borderRadius: '20rpx',
					padding: '16rpx'
				},
				modal: {
					show: false,
					showCancel: true,
					confirmText: '申请',
					cancelText: '取消',
					content: ''
				},
				userInfo: {},
				agreement: '',
				unitObj: {},
				codeShow: false,
				codeList: [],
				companyStatus: 0, // 公司认证状态
				btnText: '马上注册',
				commonPopup: {
					show: false,
					list: [],
					current: 0 /* 1性别   2单位类型 */
				},
				replace_id: 0
			}
		},
		onLoad(options) {
			if(options.data){
				const data = JSON.parse(options.data)
				this.isEdit = 1
				this.btnText = '立即注册'
				this.handleGetProxyData(data.replace)
			}else if(options.id){
				this.isEdit = 2
				this.btnText = '确认修改'
				this.replace_id = options.id
				this.handleGetProxyData(options.id)
			}else{
				this.btnText = '确认创建'
			}
			this.handleGetJudge()
			this.handleGetCountryCode()
			this.handleGetFirseIndustry()
		},
		methods: {
			handleGetProxyData(id){
				userProxyData({replace_id:id}).then(res=>{
					this.userInfo = res.data
					this.headImg = this.userInfo.head_img
					this.form.name = this.userInfo.name
					this.form.position = this.userInfo.position
					this.form.address = this.userInfo.address
					this.form.longitude = this.userInfo.longitude
					this.form.latitude = this.userInfo.latitude
					this.form.advantage = this.userInfo.advantage
					this.form.resources = this.userInfo.resources
					this.form.recommend = this.userInfo.recommend
					this.form.complete_address = this.userInfo.complete_address
					this.form.area_code = this.userInfo.area_code
					this.form.product = this.userInfo.product || ''
					
					this.staff_number = this.userInfo.staff_number
					this.form.industry = this.userInfo.industry_names[0]
					this.industryId = this.userInfo.industry_id
					this.form.mobile = this.userInfo.phone
					this.email = this.userInfo.email
					this.form.hometown = this.userInfo.native
					if (![0, '0'].includes(this.userInfo.sex)) {
						this.form.gender = ( Number(this.userInfo.sex) == 1 ? '男' : '女')
					}
					
					this.fileList = [{
						url: this.userInfo.visit_card || ''
					}]
					this.form.company = this.userInfo.company
					if (this.userInfo.company == '自由职业') {
						this.unitObj = {
							id: 2,
							name: '自由职业'
						}
					} else {
						this.unitObj = {
							id: 1,
							name: '公司'
						}
					}
					this.visitCard = this.userInfo.visit_card
					this.provinceObj.id = this.userInfo.province_id
					this.cityObj.id = this.userInfo.city_id
				})
			},
			handleGetJudge() {
				registerJudge().then(res => {
					this.judge = res.data
				})
			},
			handleGetCountryCode() {
				phoneAreaCode().then(res => {
					res.data.forEach(item => {
						item.label = item.name + '+' + item.area_code
					})
					this.codeList = res.data
				})
			},
			handleGetFirseIndustry() {
				/* 获取一级行业 */
				getClassAIndustry().then(res => {
					this.classAIndustryList = res.data
					this.classAIndustryObj = res.data[0]
					this.handleGetClassB(res.data[0].industry_id)
				})
			},
			handleCheckClassA(id) {
				/* 获取二级行业 */
				this.handleGetClassB(id)
			},
			handleGetClassB(id) {
				/* 行业确认选择 */
				getClassBIndustry({
					pid: id
				}).then(res => {
					this.classBIndustryList = res.data
				})
			},
			handleClosePopup(value) {
				this.industryId = value.id
				this.firstIndustryId = value.firstIndustryId
				this.form.industry = value.name
				this.industryShow = false
			},
			getPhoneNumber(e) {
				if (e.detail.errMsg !== 'getPhoneNumber:ok') {
					this.$u.toast("拒绝手机号登录");
					return;
				}
				getPhone({
					code: e.detail.code
				}).then(res => {
					this.form.area_code = res.data.phone_info.countryCode
					this.form.mobile = res.data.phone_info.purePhoneNumber
				})
			},
			goAgrement(type) {
				uni.navigateTo({
					url: '/operate/agreement/agreement?type=' + type
				})
			},
			onChooseAvatar(e) {
				/* 获取头像 */
				const avatarUrl = e.detail.avatarUrl
				const _this = this
				uni.uploadFile({
					filePath: avatarUrl,
					name: "file",
					url: _this.actionOss,
					success(res) {
						const {
							data
						} = JSON.parse(res.data)
						_this.headImg = data.url
					},
					fail(err) {}
				})
			},
			onSuccess(event) {
				/* 名片识别 */
				uni.showToast({
					icon: "loading",
					duration: 2500,
					title: "识别中",
				})
				const {
					data
				} = event
				userCardInfo({
					file_path: data.file_path
				}).then(res => {
					this.visitCard = res.data.imgUrl
					if (!this.form.name) {
						this.form.name = res.data.name
					}
					if (!this.form.mobile) {
						this.form.mobile = res.data.phone
					}
					if (!this.email) {
						this.email = res.data.email
					}
					if (!this.form.position) {
						this.form.position = res.data.position
					}
					if (!this.form.company) {
						this.form.company = res.data.company
					}
				})
			},
			onRemove() {
				this.visitCard = ''
				this.fileList.length = 0
			},
			openHomeTown() {
				this.showUniAddressSelector = true
			},
			handleCancel() {
				this.showUniAddressSelector = false;
			},
			handleConfirmArea(val) {
				this.showUniAddressSelector = false;
				this.provinceObj = val.provinceObj
				this.cityObj = val.cityObj
				this.form.hometown = val.fullAreaText
			},
			openCommonPopup(num) {
				switch (num) {
					case 1:
						this.commonPopup.list = [{
								id: 1,
								name: '男',
								check: false
							},
							{
								id: 2,
								name: '女',
								check: false
							}
						]
						break;
					case 2:
						this.commonPopup.list = [{
								id: 1,
								name: '公司',
								check: false
							},
							{
								id: 2,
								name: '自由职业',
								check: false
							}
						]
						break;
				}
				this.commonPopup.current = num
				this.commonPopup.show = true
			},
			onChooseLabel(val) {
				switch (this.commonPopup.current) {
					case 1:
						this.form.gender = val.name
						break;
					case 2:
						this.unitObj = val
						switch (val.id) {
							case 1:
								this.form.company = ''
								break;
							case 2:
								this.form.company = '自由职业'
								this.staff_number = ''
								break;
						}
						break;
				}
				this.commonPopup.list.find(item => item.id == val.id).check = true
				this.commonPopup.show = false
			},
			radioConfirm(val) {
				const {
					label,
					value
				} = val[0]
				this.form.gender = label
			},
			codeConfirm(val) {
				this.form.area_code = val[0].value
			},
			hanldeShowIndustry() {
				this.industryShow = true
			},
			handleSearchCompany: debounce(function(company) {
				const _this = this
				if (company) {
					uni.showLoading({
						title: '正在搜索中'
					})
					const params = {
						company_name: company[0]
					}
					const _this = this
					uni.request({
						url: `${env.baseUrl}/api/company_query_name`,
						method: "post",
						data: params,
						header: {
							'content-type': 'application/x-www-form-urlencoded',
							'Authorization': '',
						},
						success(res) {
							_this.companyShow = true
							_this.companyList = res.data.data.list;
							uni.hideLoading()
						}
					})
				}
			}, 1000),
			handleGetCompanyName(name) {
				this.form.company = name
				this.companyShow = false
			},
			handleGetLocation() {
				const _this = this
				uni.chooseLocation({
					success: function(res) {
						_this.form.address = res.name
						_this.form.complete_address = `${res.address}${res.name}`
						_this.form.latitude = res.latitude
						_this.form.longitude = res.longitude
					}
				})
			},
			confirm: debounce(function() {
				if (!this.unitObj.id) {
					this.form.staff_number = ''
				} else if (this.unitObj.id && this.unitObj.id == 1) {
					this.form.staff_number = this.staff_number
				}
				switch(this.isEdit){
					case 0:
					case 2:
					    this.onCreate()
						break;
					case 1:
					    this.onRequest()
						break;
				}
			}, 500),
			onCreate(){
				const hasParams = {
					name: this.form.name
				}
				if(hasEmptyValue(hasParams)){
					const params = {
						...hasParams,
						...this.form,
						sex: this.form.gender ? (this.form.gender == '女' ? 2 : 1) : '',
						province_id: this.provinceObj.id || '',
						city_id: this.cityObj.id || '',
						industry_id: this.industryId || '',
						email: this.email,
						head_img: this.headImg,
						visit_card: this.visitCard,
						staff_number: this.staff_number || '',
						user_id: uni.getStorageSync("user_id") || ''
					}
					let reqUrl = userProxyCreate
					if(this.isEdit == 2){
						reqUrl = userProxyEdit
						params.replace_id = this.replace_id
					}
					reqUrl(params).then(res=>{
						this.modal.show = true
						this.modal.content = `${res.msg}`
						this.modal.confirmText = '确定'
					})
				}else{
					uni.showToast({
						title: "必填项不能为空",
						icon: "none"
					})
				}
			},
			onRequest() {
				if (this.agreement) {
					const hasParams = {
						avatar: this.headImg,
						name: this.form.name,
						mobile: this.form.mobile,
						address: this.form.address,
						code: this.code
					}
					if (hasEmptyValue(hasParams)) {
						const params = {
							...this.form,
							open_id: uni.getStorageSync("openid"),
							sex: this.form.gender ? (this.form.gender == '女' ? 2 : 1) : '',
							province_id: this.provinceObj.id || '',
							city_id: this.cityObj.id || '',
							industry_id: this.industryId || '',
							email: this.email,
							head_img: this.headImg,
							code: this.code,
							visit_card: this.visitCard,
							staff_number: this.staff_number || '',
							user_id: uni.getStorageSync("user_id") || ''
						}
						userRegister(params).then(res => {
							if (this.isEdit == 0) {
								uni.setStorageSync("user_status", res.data.status)
								uni.setStorageSync("token", res.data.token)
								uni.setStorageSync("user_id", res.data.id)
								uni.setStorageSync("user_phone", res.data.phone)
								uni.setStorageSync("user_name", res.data.name)
							}
							companyStatus({
								userid: uni.getStorageSync("user_id")
							}).then(companyRes => {
								this.companyStatus = companyRes.data.status
								this.modal.show = true
								this.modal.content = `${this.isEdit == 0 ? '注册成功' : '修改成功'}`
								this.modal.confirmText = '确定'
							})
						})
					} else {
						uni.showToast({
							title: "必填项不能为空",
							icon: "none"
						})
					}

				} else {
					uni.showToast({
						icon: "none",
						duration: 2000,
						title: "请先同意用户协议、隐私协议"
					})
				}
			},
			getCode() {
				if (this.codeStatus) {
					if (!this.form.mobile) {
						uni.showToast({
							title: "请输入手机号",
							icon: "none"
						})
						return
					}
					const params = {
						mobile: this.form.mobile,
						uid: uni.getStorageSync("user_id")
					}
					sendCode(params).then(res => {
						this.codeStatus = false
						uni.showToast({
							title: "发送成功",
							icon: "none"
						})
						this.count = 60
						const countDownInterval = setInterval(() => {
							this.count--
							if (this.count <= 0) {
								this.codeStatus = true
								clearInterval(countDownInterval)
							}
						}, 1000)
					})
				} else {
					uni.showToast({
						title: "请勿重复点击",
						icon: "none"
					})
				}
			},
			modalConfirm() {
				if([0,2].includes(this.isEdit)){
					this.modal.show = false
					uni.navigateBack({
						delta: 1,
						success() {
							uni.$emit('update', {
								msg: '页面更新'
							})
						}
					})
				}else{
					this.modal.show = false
					if (this.companyStatus == -2) {
						setTimeout(() => {
							this.modal.content = `${this.isEdit == 0 ? '注册成功' : '保存成功'},完善企业信息可获得免费公司功能90天试用`
							this.modal.confirmText = '马上开通'
							this.modal.cancelText = '暂不开通'
							this.companyStatus = -1
							this.modal.show = true
						}, 300)
					} else if (this.companyStatus == -1) {
						uni.redirectTo({
							url: "/operate/companyForm/companyForm"
						})
					} else {
						uni.switchTab({
							url: "/pages/mine/mine"
						})
					}
				}
			},
			modalCancel() {
				if([0,2].includes(this.isEdit)){
					this.modal.show = false
					uni.navigateBack({
						delta: 1,
						success() {
							uni.$emit('update', {
								msg: '页面更新'
							})
						}
					})
				}else{
					this.modal.show = false
					if (this.companyStatus == -2) {
						setTimeout(() => {
							this.modal.content = `${this.isEdit == 0 ? '注册成功' : '保存成功'},完善企业信息可获得免费公司功能90天试用`
							this.modal.confirmText = '马上开通'
							this.modal.cancelText = '暂不开通'
							this.companyStatus = -1
							this.modal.show = true
						}, 300)
					} else {
						uni.switchTab({
							url: "/pages/mine/mine"
						})
					}
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.code_btn {
		background: #2C76ED;
		color: #fff;
		padding: 20rpx 20rpx;
		border-radius: 20rpx;
	}

	.code_box ::v-deep .u-input {
		width: 280rpx;
		margin-right: 20rpx;
	}

	.avatar-wrapper {
		color: #ffffff;
		background-color: #fb6316;
		margin-top: 20rpx;
	}

	.headImgBox {
		height: 100rpx;
		width: 100rpx;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
	}

	.company_btn {
		margin-left: 20rpx;
		margin-right: 0rpx;
		height: 70rpx;
		line-height: 70rpx;
		background: #fb6316;
		color: #fff;
		font-size: 26rpx;
	}

	.company_list {
		width: 100%;
		position: absolute;
		background-color: #868B9A;
		z-index: 10;
		padding: 0 10px;
		height: 320rpx;
		top: 100rpx;
		left: 0;
		overflow: auto;
		color: #fff;
		border-radius: 10rpx;
	}

	#mobile_btn {
		padding: 0;
		margin: 0;
		text-align: right;
		background: transparent;
		font-size: 26rpx;
		flex: 1
	}

	#mobile_btn::after {
		border: none !important;
		height: 100%;
	}

	.u-text-right {
		line-height: 1.5;
	}

	::v-deep u-avatar {
		height: 100rpx !important;
	}
</style>